<!DOCTYPE html>
<!-- saved from url=(0076)http://yth.0101data.cn/course-orginal/cse5a0e5af7a7f3a9-93397175/contributed -->
<html>
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>作业管理</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->

		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />

		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<!--放在最前面-->
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<!--
      	作者：864478199@qq.com
      	时间：2018-03-21
      	描述：样式
      -->
		<link rel="stylesheet" href="css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />
		<!--
        	作者：864478199@qq.com
        	时间：2018-04-02
        	描述：js
        -->
		<script type="text/javascript" src="layui/layui.js"></script>
	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
			$('.left').load("left.html");
		})
	</script>

	<body class="skin-default fixed-menu">
		<!-- 外部头部拼接 -->
		<div class="header"></div>

		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="left-side sidebar-offcanvas">
				<!-- sidebar: style can be found in sidebar-->
				<div class="left"></div>
				<!-- /.sidebar -->
			</aside>
			<aside class="right-side fixednav_right">
				<section class="content-header">
					<!--
              	作者：864478199@qq.com
              	时间：2018-03-26
              	描述：修改面包屑
              -->

					<ol class="breadcrumb">
						<li>
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i> 面板
							</a>
						</li>
						<li class="active">
							我的课程面板
						</li>
					</ol>
					<h1>
			        我的课程面板
			    </h1>
				</section>
				<section class="content">
					<!-- second table start -->
					<div class="row">
						<div class="col-lg-12">
							<div class="panel homework-manalist">
								<div class="right-title">作业管理</div>
								<div class="search layui-row">
									<div class="layui-col-sm9 row">
										<div class="layui-col-sm4">
											<div class="layui-inline">
												<label class="layui-form-label label-left">课程名:</label>
												<div class="layui-input-inline  label-left-input">
													<input class="form-control" type="text"/>
												</div>
											</div>
										</div>
										<div class="layui-col-sm4">
											<div class="layui-inline">
												<label class="layui-form-label">开始时间:</label>
												<div class="layui-input-inline date">
													<input class="form-control" id="date-start" />
												</div>
											</div>
										</div>
										<div class="layui-col-sm4">
											<div class="layui-inline">
												<label class="layui-form-label">结束时间:</label>
												<div class="layui-input-inline date">
													<input class="form-control" id="date-end" />
												</div>
											</div>
										</div>
									</div>
									<div class="layui-col-sm3 search-btns">
										<button class="layui-btn layui-btn-sm">查询</button>
										<button class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
									</div>
								</div>
								<div class="search-btns search-btns2">
									<button class="layui-btn layui-btn-sm">新增</button>
								</div>

								<div class="layui-form gk">
									<table class="layui-table" lay-skin="line">
										<colgroup>
											<col width="80">
											<col>
											<col width="80">
											<col width="130">
											<col width="130">
											<col width="130">
											<col width="180">
										</colgroup>
										<thead>
											<tr>
												<th>序号</th>
												<th>作业名</th>
												<th>对象</th>
												<th>开始时间</th>
												<th>结束时间</th>
												<th>创建时间</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>1</td>
												<td>作业1</td>
												<td>学员</td>
												<td>2018-01-22</td>
												<td>2018-02-11</td>
												<td>2018-01-21</td>
												<td>
													<a href="#">查看</a> |
													<a href="#">编辑</a> |
													<a href="#" class='delete'>删除</a>
												</td>
											</tr>
											<tr>
												<td>2</td>
												<td>作业1</td>
												<td>学员</td>
												<td>2018-01-22</td>
												<td>2018-02-11</td>
												<td>2018-01-21</td>
												<td>
													<a href="#">查看</a> |
													<a href="#">编辑</a> |
													<a href="#" class='delete'>删除</a>
												</td>
											</tr>
											<tr>
												<td>3</td>
												<td>作业1</td>
												<td>学员</td>
												<td>2018-01-22</td>
												<td>2018-02-11</td>
												<td>2018-01-21</td>
												<td>
													<a href="#">查看</a> |
													<a href="#">编辑</a> |
													<a href="#" class='delete'>删除</a>
												</td>
											</tr>
											<tr>
												<td>4</td>
												<td>作业1</td>
												<td>学员</td>
												<td>2018-01-22</td>
												<td>2018-02-11</td>
												<td>2018-01-21</td>
												<td>
													<a href="#">查看</a> |
													<a href="#">编辑</a> |
													<a href="#" class='delete'>删除</a>
												</td>
											</tr>
										</tbody>
									</table>
									<div id="page" class="page"></div>
								</div>
							</div>
							<!--
            	作者：864478199@qq.com
            	时间：2018-03-26
            	描述：底部
            -->
							<div class="login-footer2">
								<span>厦门理工学院 &copy; 2018</span>
							</div>
						</div>
					</div>
				</section>
			</aside>
		</div>
	</body>
	<script type="text/javascript">
		layui.use(['laydate', 'laypage', 'layer','form'], function() {
			var $ = layui.jquery, 
				laydate = layui.laydate,
				layer = layui.layer,
				laypage = layui.laypage,
				form = layui.form;
			//常规用法
			laydate.render({
				elem: '#date-start'
			});
			laydate.render({
				elem: '#date-end'
			});
			laypage.render({
				elem: 'page',
				count: 70,
				layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
				jump: function(obj) {
					console.log(obj)
				}
			});
			form.render();
			var sourceName = '作业名';
//			$('.delete').click(function(){
//				layer.msg('你确定要删除 '+sourceName,{
//						time:0,
//						btn:['确定','取消'],
//						yes:function(index){
//							layer.close(index);
//						}
//					})
//			})
			$('.delete').click(function(){
				layer.alert('你确定要删除'+sourceName,{
					title: false,
					icon: 0,
					btn:['确定','取消'],
					skin: 'layer-ext-moon',
					yes:function(index){
						console.log("yes");
						layer.close(index);
					}
				})
			})
		});
	</script>
</html>